html,
body {
  padding: 0;
  margin: 0;
  background-color: #eef0f5;
  width: 100%;
  height: 100%;
  font-family: none;
  overflow: hidden;
  box-sizing: border-box;
  min-width: 900px !important;
  min-height: 620px;
}

.mechanism_nav {
  display: flex;
}

/* main盒子 */
.department {
  /* padding: 3px 0; */
  padding: 22px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  /* border: 1px solid green; */
  background: #fff;
  box-shadow: 0 2px 12px rgba(42, 129, 209, 0.2);
  opacity: 1;
  border-radius: 8px;
}

/* 组织机构树 */
.structureTree {
  width: 190px;
  height: 100%;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: #fff;
  display: flex;
  flex-direction: column;
}

/* 组织机构树文字 */
.structureTree_title {
  width: 100%;
  height: 35px;
  font-size: 12px;
  color: rgba(0, 0, 0, 85%);
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 5px;
}

.structureTree_title .institution {
  font-weight: 600;
  font-size: 13px;
}

/* mian左侧表格部分 */
.department_right {
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 2px;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.defaultboxYJ {
  height: 100%;
  width: 100%;
}

/* .partner {
  overflow: hidden;
} */
/* 点击当前组织机构树左侧显示 */
.department_right_name {
  width: 100%;
  height: 35px;
  font-weight: 600;

  color: rgba(0, 0, 0, 85%);
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  font-size: 13px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 5px;
}

/* 机构树 */
.el-tree {
  background: aliceblue;
  flex: 1;
  overflow-y: auto;
}

/* .el-tree-node is-focusable {
  background-color: #d8e0ea;
  color: #2998ff;
} */
/* 机构树文字 */
.el-tree-node__content {
  text-indent: 10%;
  /* color: #555; */
  color: rgba(0, 0, 0, 65%);
  border-radius: 28px 0 0 28px;
  height: 30px;
  line-height: 40px;
}

.el-tree-node__label {
  width: 100%;
  font-size: 12px;
}

/* // 修改高亮背景色和color */

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  /* background-color: #1559ba !important; */
  background-color: #004ea2 !important;
  /* #004EA2 */
  color: #fff !important;
}

/* 筛选选择器 */
.mechanism_nav_left {
  width: 70%;
  height: 100%;
  display: flex;
  align-items: center;
}

.mechanism_nav_left .el-input__suffix {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mechanism_nav_left .el-input__inner {
  width: 200px !important;
  height: 30px !important;
}

.mechanism_nav_left .el-select {
  margin-right: 5px;
}

.mechanism_nav_left input,
.mechanism_nav_left select {
  display: block;
  width: 180px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-left: 5px;
  padding-left: 15px;
  box-sizing: border-box;
}

/* 筛选选择器 */
/* table 表格隔行变色背景色 */
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background-color: #f5f5f5;
}

/* 表头颜色 */
.el-table thead tr th.el-table__cell {
  background-color: #fafafa;
  /* color: rgba(0, 0, 0, 85%); */
  color: rgba(0, 0, 0, 100%);
  font-weight: 700;
  font-size: 12px;
}

/* 实时数据查询 */
.TensionRealTime .el-table thead tr,
.TensionRealTime .el-table thead .el-table__cell {
  height: 35px;
  line-height: 35px;
  padding: 0 !important;
}

/* 实时数据查询表格内容行高 */
.TensionRealTime .el-table__body-wrapper .el-table__cell,
.TensionRealTime .el-table .el-table__cell {
  padding: 3.5px 0;
}

/* 张拉质量趋势 */
.TensionExceedHandle .el-table thead tr,
.TensionExceedHandle .el-table thead .el-table__cell {
  height: 35px;
  line-height: 35px;
  padding: 0 !important;
}

.TensionExceedHandle .el-table__body-wrapper .el-table__cell,
.TensionExceedHandle .el-table .el-table__cell {
  padding: 6px 0;
}

/* 实时数据查询列表详情 */
.TensionRealTimeFirstLevel .el-table thead tr,
.TensionRealTimeFirstLevel .el-table thead .el-table__cell {
  height: 35px;
  line-height: 35px;
  padding: 0 !important;
}

.TensionRealTimeFirstLevel .el-table__body-wrapper .el-table__cell,
.TensionRealTimeFirstLevel .el-table .el-table__cell {
  padding: 6px 0;
}

/* 梁场信息设置 */
.TensionBeamYard .el-table__body-wrapper .el-table__cell,
.TensionBeamYard .el-table .el-table__cell {
  padding: 2.5px 0;
}

.TensionBeamYard .el-table thead tr,
.TensionBeamYard .el-table thead .el-table__cell {
  height: 35px;
  line-height: 35px;
  padding: 0 !important;
}

.TensionRealTimesecondLevel .el-table__body-wrapper .el-table__cell,
.TensionRealTimesecondLevel .el-table .el-table__cell {
  padding: 6px 0;
}

.TensionRealTimesecondLevel .el-table thead tr,
.TensionRealTimesecondLevel .el-table thead .el-table__cell {
  height: 35px;
  line-height: 35px;
  padding: 0 !important;
}

/*  */

.TensionEarlyWarning .el-table__body-wrapper .el-table__cell,
.TensionEarlyWarning .el-table .el-table__cell {
  padding: 3.5px 0;
}

.TensionEarlyWarning .el-table thead tr,
.TensionEarlyWarning .el-table thead .el-table__cell {
  height: 35px;
  line-height: 35px;
  padding: 0 !important;
}

.TensionEarlyWarning .el-input__inner {
  height: 25px;
  /* width: 80%; */
}

/* 预警人员设置 */
.TensionWarningPerson .el-table thead tr,
.TensionWarningPerson .el-table thead .el-table__cell {
  height: 35px;
  line-height: 35px;
  padding: 0 !important;
}

.TensionWarningPerson .el-table__body-wrapper .el-table__cell,
.TensionWarningPerson .el-table .el-table__cell {
  padding: 3.5px 0;
}

.TensionEarlyWarning .el-icon-arrow-up:before {
  content: "\e6e1";
  position: absolute;
  transform: -50% -50%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.el-table {
  font-size: 12px;
  color: #000;
}

/* //1、点击高亮当前行（需要搭配el-table属性highlight-current-row使用） */
.el-table__body tr.current-row>td {
  background-color: #e6f7ff !important;
}

/* //2、hover高亮当前行（不需要搭配el-table属性highlight-current-row使用！！） */
/* .el-table tbody tr:hover > td {
  background-color: red !important;
} */
/* 表格表头行号 */
.el-table__header .el-table__cell {
  padding: 0;
}

/* 多级表头 */
.el-table--scrollable-x .el-table__body-wrapper {
  overflow-y: auto !important;
}

.multistageHeader {
  overflow-x: auto;
}

.multistageHeader .el-table__body-wrapper {
  height: calc(100% - 84px);
  overflow-y: auto;
}

.plain {
  color: #fff;
  background: #409eff;
  border-color: #409eff;
}

.plain .el-button--default:focus,
.plain .el-button--default:hover {
  color: #fff;
  background: #409eff;
  border-color: #409eff;
}

/* 按钮 常态*/
.el-button--primary {
  background-color: #006adb;
  color: #fcfcfc;
  border-color: #006adb;
}

/* 按钮 点击*/
.el-button--primary:focus {
  background-color: #004ea2;
  color: #fcfcfc;
  border-color: #004ea2;
}

/* 按钮 悬浮*/
.el-button--primary:hover {
  background-color: #7fb4ed;
  color: #fcfcfc;
  border-color: #7fb4ed;
}

/* 按钮大小 */
.el-button--small {
  padding: 8.5px 15.5px;
  font-size: 12px;
}

.el-button--default:focus,
.el-button--default:hover {
  background: #fff !important;
  border-color: #409eff !important;
  color: #409eff !important;
}

.el-button:focus,
.el-button:hover {
  opacity: 0.8;
}

/* 筛选框 */
.mechanism_nav .el-form-item__label {
  width: 110px;
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #606266;
  line-height: 40px;
  padding: 0 12px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 700;
  /* background-color: pink; */
}

.mechanism_nav .el-form-item__content {
  line-height: 40px;
  position: relative;
  font-size: 14px;
  /* margin-left: 110px !important; */
}

/* .app-container-search .el-form-item__content {
  margin-left: 0px !important;
} */

.mechanism_nav .el-form-item {
  margin-bottom: 0 !important;
}

.mechanism_nav .el-row {
  height: 40px;
  margin-bottom: 12px !important;
}

.mechanism_nav .el-select {
  width: 100%;
}

.mechanism_nav .el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}

.mechanism_nav .el-range-editor.el-input__inner {
  width: 100%;
}

.app-container-search {
  padding-bottom: 12px;
  /* background-color: pink; */
}

.app-container-search .el-form {
  flex: 1;
}

.searchBtn {
  text-align: right;
  height: 32px;
  line-height: 32px;
  /* display: flex;
  align-items: center;
  justify-content: end; */
  /* justify-content: e; */
}

/* .searchBtn .el-button--primary {
  width: 66px;
  height: 32px;
  line-height: 32px;
} */
.app-containe {
  height: 100%;
}

.app-container-btn {
  height: 32px;
  line-height: 32px;
  margin-bottom: 12px;
}

.searchBtn .el-button,
.app-container-btn .el-button {
  padding: 8px 18px;
  border-radius: 2px;
}

.el-button+.el-button,
.el-checkbox.is-bordered+.el-checkbox.is-bordered {
  margin-left: 8px;
}

/* 滚动条 */
::-webkit-scrollbar {
  /* width: 8px;
  height: 10px;
  z-index: 99999999 !important; */
  background: none;
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.16);
  /* border-radius: 10px;
  background-color: #86aad5;
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  ); */
}

::-webkit-scrollbar-track {
  background: none;
  /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #ededed;
  border-radius: 10px; */
}

/* 滚动条 */
/* 分页 */
.app-container-table-pagination {
  width: 100%;
  padding-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.el-pagination {
  display: flex;
  justify-content: end;
  height: 32px;

  /* padding-top: 4px; */
}

/* echarts图表 */

.com-container,
.com-chart {
  width: 100%;
  height: 100%;
}

/* echarts图表 */
/* 表单 */
.table_detail {
  overflow-y: auto !important;
}

.table_detail .el-form-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 22px;
}

.el-form--label-top .el-form-item__label {}

.table_detail .el-form-item__label {
  /* text-align: right; */
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #606266;
  /* line-height: 40px;
  padding: 0 12px 0 0; */
  padding-bottom: 8px;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 700;
}

/* input 框 */
.table_detail .el-form-item__content .el-input {
  width: 100%;
  height: 40px !important;
}

/* .el-textare */
.table_detail .el-form-item__content .el-textarea {
  width: 100% !important;
  height: 54px;
}

.table_detail .el-form-item__content .el-textarea .el-textarea__inner {
  height: 100% !important;
}

/* 下拉框 */
.table_detail .el-form-item__content .el-select {
  width: 100%;
  height: 40px !important;
}

/* 日期 */
.table_detail .el-form-item__content .el-date-editor.el-input {
  width: 100%;
  height: 40px !important;
}

/* 日期 */
.table_detail .el-form-item__content .el-date-editor.el-input input {
  width: 100%;
  height: 100%;
}

/* input 框 */
.table_detail .el-form-item__content .el-input input {
  width: 100%;
  height: 100%;
}

.table_detail .el-col-6,
.table_detail .el-col-12 {
  padding-left: 10px;
  padding-right: 10px;
}

.table_detail .el-form-item__content {
  line-height: 40px;
  position: relative;
  font-size: 14px;
}

.table_detail .fy_fileboxdis {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  /* height: 40px; */
  cursor: not-allowed;
}

/* 表单 */
.purple {
  color: #fff;
  background-color: #ce2ece;
  border-color: #ce2ece;
}

.plain:focus,
.plain:hover {
  color: #fff;
  border-color: #c6e2ff;
  background-color: #409eff;
}

.TensionEarlyWarning .purple:focus,
.TensionEarlyWarning .purple:hover {
  color: #fff;
  background-color: #ce2ece;
  border-color: #ce2ece;
}

/* 预警短信模板管理 */
.TensionAlertTemplate .el-collapse {
  width: 100%;
}

.selectobject .el-select {
  width: 100%;
}

/* 折叠面板点击文字失效 */
.el-collapse-item__header>div {
  flex: 1;
}

.el-collapse-item__arrow {
  width: 13px !important;
}

/* 折叠面板点击文字失效 */
.perpsonObject .el-select {
  width: 100%;
}

.el-message-box__btns .el-button--primary {
  background-color: #006adb !important;
  color: #fcfcfc !important;
  border-color: #006adb !important;
}

.levelClass .blueClass1 {
  background: #409eff !important;
  height: 30px;
}

.levelClass .blueClass1 .cell,
.levelClass .orangeClass1 .cell,
.levelClass .redClass1 .cell,
.levelClass .purple .cell,
.levelClass .brown .cell {
  padding: 0 !important;
}

.levelClass .blueClass1 .cell,
.levelClass .blueClass1 .cell a {
  width: 100%;
  /* display: inline-block; */
  color: #fff !important;
}

.levelClass .orangeClass1 {
  background: #e6a23c !important;
  height: 30px;
}

.levelClass .orangeClass1 .cell,
.levelClass .orangeClass1 .cell a {
  color: #fff !important;
  width: 100%;
}

.levelClass .orangeClass1 .cell span {
  display: block;
  box-sizing: border-box;
}

.levelClass .orangeClass1 .cell span a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.levelClass .redClass1 {
  background: #f56c6c !important;
  color: #fff !important;
  height: 30px;
}

.levelClass .purple {
  background: rgb(206, 46, 206) !important;
  color: #fff !important;
  height: 30px;
}

.levelClass .purple .cell,
.levelClass .purple .cell a {
  color: #fff !important;
  width: 100%;
  /* display: inline-block; */
}

.levelClass .brown {
  background: #5e3535 !important;
  color: #fff !important;
  height: 30px;
}

.levelClass .brown .cell,
.levelClass .brown .cell a {
  color: #fff !important;
  width: 100%;
  /* display: inline-block; */
}

.levelClass .redClass1 .cell,
.levelClass .redClass1 .cell a {
  color: #fff !important;
  width: 100%;
  /* display: inline-block; */
}

.levelClass .purple .cell span {
  display: block;
  box-sizing: border-box;
}

.levelClass .purple .cell span a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.levelClass .brown .cell span {
  display: block;
  box-sizing: border-box;
}

.levelClass .brown .cell span a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.levelClass .redClass1 .cell span {
  display: block;
  box-sizing: border-box;
}

.levelClass .redClass1 .cell span a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.levelClass .defaltClass1 {
  background: #dbe7f5 !important;
  height: 30px;
}

.levelClass .el-table {
  width: 98.5% !important;
}

.editTableAlarms .el-table {
  width: 98.5% !important;
}

.levelClass .blueClass1 .cell span {
  display: block;
  box-sizing: border-box;
}

.levelClass .blueClass1 .cell span a {
  width: 100% !important;
  height: 100%;
  display: flex;
  justify-content: center;
}

.yjxa-upload-list--picture-card .el-upload-list__item-actions:hover {
  opacity: 1;
}

.yjxa-upload-list__item .el-upload-list__item-actions {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  left: 0;
  top: 0;
  /* z-index: 99999; */
  cursor: default;
  text-align: center;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  /* background-color: red !important; */
  background-color: rgba(0, 0, 0, 0.5) !important;
  transition: opacity 0.3s;
  display: flex;
  /* justify-content: center; */
  justify-content: space-around;
  align-items: center;
}

.yjxa-upload-list--picture-card .el-upload-list__item-actions span {
  /* display: none; */
  cursor: pointer;
}

.yjxa-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: static;
  font-size: inherit;
  color: inherit;
}

.yjxa-upload-list--picture-card .el-upload-list__item-actions span {
  /* display: none; */
  cursor: pointer;
}

.yjxa-upload-list--picture-card .el-upload-list__item-delete {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
  color: #606266;
  /* display: none; */
}

.yjxa_detail {
  height: 100%;
}


.yjxa-table th.yjxa-table__cell>.cell {
  text-align: center;
}
